<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../css/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../css/easyui.css">
    <script type="text/javascript" src="../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        var datagrid;
        var message = $.messager;
        $(function(){
            datagrid = $('#datagrid').datagrid({
                onClickRow:function(rowIndex){
                    var rows = datagrid.datagrid('getRows');
                    for ( var i = 0; i < rows.length; i++) {
                        datagrid.datagrid('endEdit', i);
                    }
                    datagrid.datagrid('beginEdit', rowIndex);
                }
            });
        });

    </script>
</head>
<body class="easyui-layout">
<div data-options="region:'center'">
    <table id="datagrid" width="100%" data-options="rownumbers:true,singleSelect:true">
        <thead>
        <tr>
            <th colspan="2">PPM</th>
            <th rowspan="2" data-options="field:'ipic',width:200,editor:{type:'numberbox',options:{min:0,precision:0}}"><b>P</b>IC</th>
        </tr>
        <tr>
            <th data-options="field:'min',width:200,editor:{type:'numberbox',options:{min:0,precision:0}}">Min</th>
            <th data-options="field:'max',width:200,editor:{type:'numberbox',options:{min:0,precision:0}}">Max</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>0</td>
            <td>0</td>
            <td>0</td>
        </tr>
        <tr>
            <td>1</td>
            <td>25</td>
            <td>2</td>
        </tr>
        <tr>
            <td>26</td>
            <td>100</td>
            <td>10</td>
        </tr>
        <tr>
            <td>101</td>
            <td>500</td>
            <td>20</td>
        </tr>
        <tr>
            <td>501</td>
            <td>1000</td>
            <td>40</td>
        </tr>
        <tr>
            <td>1001</td>
            <td>1000000</td>
            <td>80</td>
        </tr>
        </tbody>

    </table>
    <br />
    <div align="right">
        <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-save" onclick="">Save保存</a>
        <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-no" onclick="parent.operateDialog.dialog('close');">Close关闭</a>
    </div>
</div>
</body>
</html>